<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>LoginPanel</title>
		<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
			body{
				background: url(img/background.jpg) repeat no-repeat;;
				background-position: top;
				background-attachment: fixed;
			}
			#panel{
				width: 395px;
				height: 221px;
				background: url(img/login_back.gif) repeat no-repeat;;
				margin: 220px auto;
				border: 1px solid white;
			}
			.blank{
				letter-spacing: 8px;
			}
			h2{
				color: white;
				display: inline-block;
				line-height: 40px;
				vertical-align: center;
				margin-left: 15px;
			}
			#title{
			background-color: #104E8B;
			width: 391px;
			height: 40px;
			margin-top: 20px;
			}
			table{
				width: 250px;
				margin: 20px auto;
			}
			#img{
				margin-top: -20px;
			}
			.line{
				font-size: 13px;
				color: white;
			}
			.but{
				width: 70px;
				height: 25px;
				padding: 1px 10px 3px auto;
				margin-left: 30px;
				background: #363636;
				border: solid 1px black;
				color: white;
			}
			.er{
				padding-left: 10px;
			}
		</style>
	</head>
	<body>
		<div id="panel">
			<div id="title">
				<h2>自定义报表系统管理登陆</h2>
			</div>
			<form>
				<table cellspacing="10px">
					<tr>
						<td class="line"><img src="img/user.gif" />用户名：<input type="text" name="username" id="username"/></td>
						
					</tr>
					<tr>
						<td class="line"><img src="img/key.gif"/>密<em class="blank"> </em>码：<input type="password" name="password" id="password"/></td>
					</tr>
					<tr>
						<td class="er"><input type="submit" name="submit" id="submit" value="提交" class="but"/><input type="reset" name="reset" id="reset" value="重置" class="but"/></td>
					</tr>
				</table>
			</form>
			<div id="img">
				<img src="img/pen.png"/>
			</div>
		</div>
	</body>
</html>
